@import "../../css/base_mob.css";
//修改朦层1
.edit_pages {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .edit_share {
    width: 100%;
    height: 100%;
    padding: 30/37.5rem;
    position: relative;
    .edit_con {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 300/37.5rem;
      background-color: #fff;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      -webkit-border-radius: 4/37.5rem;
      -moz-border-radius: 4/37.5rem;
      -ms-border-radius: 4/37.5rem;
      -o-border-radius: 4/37.5rem;
      border-radius: 4/37.5rem;
      padding: 40/37.5rem 0 0;
      .close_icon {
        display: block;
        position: absolute;
        right: 15/37.5rem;
        top: 15/37.5rem;
        width: 32/37.5rem;
        height: 32/37.5rem;
      }
      .editicon {
        display: block;
        margin: 20/37.5rem auto 10/37.5rem;
        width: 54/37.5rem;
        height: 54/37.5rem;
      }
      .edit_span {
        display: block;
        text-align: center;
        font-weight: 800;
        font-size: 20/37.5rem;
        color: #63A431;
      }
      .edit_text {
        padding: 30/37.5rem 10/37.5rem 0;
        .text_p {
          text-align: left;
          padding: 0 10/37.5rem 30/37.5rem;
          font-size: 14/37.5rem;
          line-height: 22/37.5rem;
          color: #333;
          span {
            color: #63A431;
          }
        }
        .btn_ul {
          width: 100%;
          .btn_li {
            width: 100%;
            padding: 0 10/37.5rem 0 20/37.5rem;
            margin-bottom: 10/37.5rem;
            background-color: rgba(102, 161, 55, 0.317647058823529);
            .edit_p {
              text-align: left;
              color: #333;
              font-weight: 800;
              font-size: 14/37.5rem;
              line-height: 55/37.5rem;
            }
          }
          .arricon {
            display: block;
            margin-top: 15/37.5rem;
            width: 25/37.5rem;
            height: 25/37.5rem;
          }
        }
        .pro_text {
          font-size: 12/37.5rem;
          color: #999;
          text-align: center;
          padding: 10/37.5rem 0 30/37.5rem;
        }
      }
    }
  }
}
//修改图片朦层提示
.editimgpro_page {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  .editimgpro_share {
    width: 100%;
    height: 100%;
    padding: 30/37.5rem;
    position: relative;
    .editimgpro_con {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 300/37.5rem;
      background-color: #fff;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      -webkit-border-radius: 4/37.5rem;
      -moz-border-radius: 4/37.5rem;
      -ms-border-radius: 4/37.5rem;
      -o-border-radius: 4/37.5rem;
      border-radius: 4/37.5rem;
      padding: 40/37.5rem 0 0;
      .pro_icon {
        display: block;
        margin: 20/37.5rem auto 10/37.5rem;
        width: 54/37.5rem;
        height: 54/37.5rem;
      }
      .editimgpro_span {
        display: block;
        text-align: center;
        font-weight: 800;
        font-size: 20/37.5rem;
        color: #63A431;
      }
      .editimgpro_text {
        padding: 20/37.5rem 20/37.5rem 0;
        .editimgpro_h3 {
          font-size: 15/37.5rem;
          line-height: 22/37.5rem;
          color: #333;
          font-weight: 800;
          padding-bottom: 10/37.5rem;
        }
        .text_p {
          text-align: left;
          font-size: 14/37.5rem;
          line-height: 22/37.5rem;
          color: #333;
        }
        .pro_text {
          font-size: 12/37.5rem;
          color: #999;
          text-align: left;
          padding: 10/37.5rem 0 30/37.5rem;
        }
        .btn_ul {
          width: 100%;
          padding: 10/37.5rem 0;
          border-top: 1/37.5rem solid #EEEEEE;
          .btn_li {
            width: 100%;
            text-align: center;
            font-size: 15/37.5rem;
            line-height: 40/37.5rem;
          }
          .suc_li {
            color: #63A431;
            font-weight: 800;
          }
        }
      }
    }
  }
}
.warp {
  width: 100%;
  max-width: 540px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /*清除点击高亮效果*/
  //微信推文图片预览
  .preview_list {
    padding-bottom: 10/37.5rem;
    .swiper-container {
      width: 100%;
      -webkit-perspective: 1200px;
      -moz-perspective: 1200px;
      -ms-perspective: 1200px;
      perspective: 1200px
    }
    #pagination {
      position: absolute;
      bottom: 100px;
      width: 100%
    }

    #pagination .swiper-pagination-bullet {
      width: 9.5%;
      float: left;
      margin: 0 0 0 6.15%;
      background: 0;
      opacity: 1
    }
    .preview_swiper {
      width: 100%;
      height: 510/37.5rem;
      overflow: hidden;
      position: relative;
      padding: 50/37.5rem 0 0;
      .swiper-slide {
        width: 240/37.5rem;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        .scroll_img {
          display: block;
          margin: 0 auto;
          width: 240/37.5rem;
          height: 427/37.5rem;
          margin-bottom: 10/37.5rem;
          border: 2/37.5rem solid #fff;
          -webkit-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -moz-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -ms-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          -o-box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
          box-shadow: 0 2/37.5rem 10/37.5rem 0 rgba(162, 162, 162, 0.5);
        }
        .scroll_p {
          text-align: center;
          font-size: 14/37.5rem;
          color: #333;
          line-height: 20/37.5rem;
          padding: 10/37.5rem 0 0;
        }
      }
      .swiper-slide-active {
        width: 240/37.5rem;
        margin-top: 0;
        .scroll_img {
          width: 240/37.5rem !important;
          height: 427/37.5rem;
        }
      }
    }
    .scroll_btn {
      display: block;
      width: 255/37.5rem;
      height: 42/37.5rem;
      margin: 0 auto;
      font-size: 14/37.5rem;
      color: #fff;
      text-align: center;
      line-height: 42/37.5rem;
      background-color: #63A431;
      -webkit-border-radius: 50/37.5rem 50/37.5rem;
      -moz-border-radius: 50/37.5rem 50/37.5rem;
      -ms-border-radius: 50/37.5rem 50/37.5rem;
      -o-border-radius: 50/37.5rem 50/37.5rem;
      border-radius: 50/37.5rem 50/37.5rem;
    }
    .scroll_pro {
      text-align: center;
      padding-top: 10/37.5rem;
      font-size: 13/37.5rem;
      line-height: 18/37.5rem;
      color: #63A431;
    }
  }
  //图片预览  详情页
  .preview_detail {
    padding-bottom: 55/37.5rem;
    .detail_img {
      display: block;
      margin: 0 auto;
      width: 100%;
    }
  }
  //托管成功提示
  .trusteeship {
    padding: 20/37.5rem 20/37.5rem;
    .duiicon {
      display: block;
      margin: 20/37.5rem auto 10/37.5rem;
      width: 54/37.5rem;
      height: 54/37.5rem;
    }
    .trusteeship_p {
      display: block;
      text-align: center;
      font-size: 16/37.5rem;
      color: #63A431;
      span {
        display: block;
        font-size: 17/37.5rem;
        font-weight: 800;
        padding: 10/37.5rem 0 20/37.5rem;
      }
    }
    .konw_con {
      font-size: 14/37.5rem;
      font-weight: 800;
      padding: 10/37.5rem 0 15/37.5rem;
    }
    .con_show {
      font-size: 13/37.5rem;
      line-height: 24/37.5rem;
      padding-left: 15/37.5rem;
      color: #666;
    }
    .contact_mode {
      font-size: 10/37.5rem;
      line-height: 20/37.5rem;
      padding-left: 15/37.5rem;
      padding-top: 20/37.5rem;
      color: #999;
    }
    .trusteeship_btn {
      display: block;
      width: 100%;
      height: 42/37.5rem;
      margin: 20/37.5rem auto 20/37.5rem;
      font-size: 14/37.5rem;
      color: #fff;
      text-align: center;
      line-height: 42/37.5rem;
      background-color: #63A431;
      -webkit-border-radius: 50/37.5rem 50/37.5rem;
      -moz-border-radius: 50/37.5rem 50/37.5rem;
      -ms-border-radius: 50/37.5rem 50/37.5rem;
      -o-border-radius: 50/37.5rem 50/37.5rem;
      border-radius: 50/37.5rem 50/37.5rem;
    }
  }
  //footer
  .preview_footer {
    width: 100%;
    position: fixed;
    max-width: 540px;
    z-index: 10;
    bottom: 0;
    height: 54/37.5rem;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 1/37.5rem 0 0 rgba(221, 221, 221, 1);
    .footer_ul {
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      .footer_li {
        float: left;
        flex: 1;
        height: 100%;
        text-align: center;
      }
      .err_btn {
        background-color: rgba(102, 161, 55, 0.317647058823529);
        a {
          display: block;
          color: #63A431;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          line-height: 54/37.5rem;
          font-size: 14/37.5rem;
        }
      }
      .sub_btn {
        background-color: rgba(102, 161, 55, 1);
        a {
          display: block;
          width: 100%;
          height: 100%;
          margin: 0 auto;
          color: #fff;
          line-height: 54/37.5rem;
          font-size: 14/37.5rem;
        }
      }
    }
  }
}